<template>
    <div>
        <div class="i-text">
            <h2>组件引入方式</h2>
        </div>
        <pre class="bg-ms">
          <code>
          import Icons from "@/components/Icons.vue";
          </code>
        </pre>
        <Icons :on-select="onSelect"></Icons>
    </div>
</template>
  <script>
  import Icons from "@/components/Icons.vue";
  export default {
      data() {
          return {};
      },
      components: { Icons },
      methods: {
          onSelect(icon) {
              this.$Message.error(icon);
          }
      }
  };
  </script>